<div class="role_show">
  <div class="role-grid">
    <div v-for="item in allRole" :key="item.PlotCraftRes_Id">
        <button class="btn-item">
          <div  v-if="item.role_picUrl!==''"><img class="img-set" :src="item.role_picUrl"></div>
          <div v-else>
            <el-icon class="node-user"></el-icon>
          </div>
          <span style="font-size: 10px;">{{item.role_name}}</span>
        </button>
        <div style="display: flex;margin-top: 20px;">
          <el-button type="success" round style="width: 50px;
          height: 30px;float: left;margin-right: 15px;" @click="editRole(item)">编辑</el-button>
          <el-button type="danger" round style="width: 50px;
          height: 30px;float: left;margin-right: 15px" @click="deleteRole(item.PlotCraftRes_Id)">删除</el-button>
        </div>
    </div>
    <div v-if="allRole.length==0">
      <span>角色库暂无角色，请先创建</span>
    </div>

  </div>
</div>